<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head th:include="include :: header"></head>
<style>
    table tr th, table tr td {
        border-color: #000000;
        text-align: center;
        vertical-align: middle;
        font-size: 16px;
        line-height: 30px
    }

    table tr td input {
        border: none;
        width: 100%;
        height: 30px;
        outline: none;
        text-align: center;
    }

    table tr td textarea {
        border: none;
        width: 100%;
        height: 30px;
        outline: none;
        resize: none;
        overflow-y: hidden;
    }

    .changeCursorIco {
        cursor: pointer;
    }
    .select2{
        margin: 0;
    }

    /**select2 去边框 */
    .selection .select2-selection--single{
        border: none;
    }
    /**select2 下拉菜单中内容居中 */
    .select2-results__option{
        text-align: center;
    }
    /**select2 禁用背景色透明 */
    .select2-container--default.select2-container--disabled .select2-selection--single{
        background: transparent;
    }
    /**select2 去掉三角符 */
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border-color: transparent transparent transparent transparent;
        border-style: solid;
        border-width: 5px 4px 0 4px;
        height: 0;
        left: 50%;
        margin-left: -4px;
        margin-top: -2px;
        position: absolute;
        top: 50%;
        width: 0;
    }
    #buttonGroups li {
        float:left; /* 往左浮动 */
        margin-right:15px;
    }

    #second_div {
        width: 80%;
        margin: 50px auto 0;
        background: #f9f9f9;
        border: 1px solid #b4daf9;
        padding: 20px 40px 40px;
        text-align: center;
        border-radius: 2px;
    }
    .lcs_wrap {
        display: inline-block;
        direction: ltr;
        height: 28px;
        vertical-align: middle;
    }
    .lcs_wrap input {
        display: none;
    }

    .lcs_switch {
        display: inline-block;
        position: relative;
        width: 73px;
        height: 28px;
        border-radius: 30px;
        background: #ddd;
        overflow: hidden;
        cursor: pointer;
        -webkit-transition: all .2s ease-in-out;
        -ms-transition: 	all .2s ease-in-out;
        transition: 		all .2s ease-in-out;
    }
    .lcs_cursor {
        display: inline-block;
        position: absolute;
        top: 3px;
        width: 22px;
        height: 22px;
        border-radius: 100%;
        background: #fff;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.1);
        z-index: 10;
        -webkit-transition: all .2s linear;
        -ms-transition: 	all .2s linear;
        transition: 		all .2s linear;
    }
    .lcs_label {
        font-family: "Trebuchet MS", Helvetica, sans-serif;
        font-size: 12px;
        letter-spacing: 1px;
        line-height: 18px;
        color: #fff;
        font-weight: bold;
        position: absolute;
        width: 33px;
        top: 5px;
        overflow: hidden;
        text-align: center;
        opacity: 0;
        -webkit-transition: all .2s ease-in-out .1s;
        -ms-transition: 	all .2s ease-in-out .1s;
        transition: 		all .2s ease-in-out .1s;
    }
    .lcs_label.lcs_label_on {
        left: -70px;
        z-index: 6;
    }
    .lcs_label.lcs_label_off {
        right: -70px;
        z-index: 5;
    }
    /* on */
    .lcs_switch.lcs_on {
        background: #75b936;
        box-shadow: 0 0 2px #579022 inset;
    }
    .lcs_switch.lcs_on .lcs_cursor {
        left: 48px;
    }
    .lcs_switch.lcs_on .lcs_label_on {
        left: 10px;
        opacity: 1;
    }
    /* off */
    .lcs_switch.lcs_off {
        background: #b2b2b2;
        box-shadow: 0px 0px 2px #a4a4a4 inset;
    }
    .lcs_switch.lcs_off .lcs_cursor {
        left: 3px;
    }
    .lcs_switch.lcs_off .lcs_label_off {
        right: 10px;
        opacity: 1;
    }
    /* disabled */
    .lcs_switch.lcs_disabled {
        opacity: 0.65;
        filter: alpha(opacity=65);
        cursor: default;
    }
    /*以下是单选按钮*/
    [class*="icheck-"] {
        min-height: 22px;
        margin-top: 6px !important;
        margin-bottom: 6px !important;
        padding-left: 0px;
    }

    .icheck-inline {
        display: inline-block;
    }

    .icheck-inline + .icheck-inline {
        margin-left: .75rem;
        margin-top: 6px;
    }

    [class*="icheck-"] > label {
        padding-left: 29px !important;
        min-height: 22px;
        line-height: 22px;
        display: inline-block;
        position: relative;
        vertical-align: top;
        margin-bottom: 0;
        font-weight: normal;
        cursor: pointer;
    }

    [class*="icheck-"] > input:first-child {
        position: absolute !important;
        opacity: 0;
        margin: 0;
    }

    [class*="icheck-"] > input:first-child:disabled {
        cursor: default;
    }

    [class*="icheck-"] > input:first-child + label::before,
    [class*="icheck-"] > input:first-child + input[type="hidden"] + label::before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 22px;
        height: 22px;
        border: 1px solid #D3CFC8;
        border-radius: 0px;
        margin-left: -29px;
    }

    [class*="icheck-"] > input:first-child:checked + label::after,
    [class*="icheck-"] > input:first-child:checked + input[type="hidden"] + label::after {
        content: "";
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        width: 7px;
        height: 10px;
        border: solid 2px #fff;
        border-left: none;
        border-top: none;
        transform: translate(7.75px, 4.5px) rotate(45deg);
        -ms-transform: translate(7.75px, 4.5px) rotate(45deg);
    }

    [class*="icheck-"] > input[type="radio"]:first-child + label::before,
    [class*="icheck-"] > input[type="radio"]:first-child + input[type="hidden"] + label::before {
        border-radius: 50%;
    }

    [class*="icheck-"] > input:first-child:not(:checked):not(:disabled):hover + label::before,
    [class*="icheck-"] > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
        border-width: 2px;
    }

    [class*="icheck-"] > input:first-child:disabled + label,
    [class*="icheck-"] > input:first-child:disabled + input[type="hidden"] + label,
    [class*="icheck-"] > input:first-child:disabled + label::before,
    [class*="icheck-"] > input:first-child:disabled + input[type="hidden"] + label::before {
        pointer-events: none;
        cursor: default;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: .65;
    }

    .icheck-default > input:first-child:not(:checked):not(:disabled):hover + label::before,
    .icheck-default > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
        border-color: #adadad;
    }

    .icheck-default > input:first-child:checked + label::before,
    .icheck-default > input:first-child:checked + input[type="hidden"] + label::before {
        background-color: #e6e6e6;
        border-color: #adadad;
    }

    .icheck-default > input:first-child:checked + label::after,
    .icheck-default > input:first-child:checked + input[type="hidden"] + label::after {
        border-bottom-color: #333;
        border-right-color: #333;
    }

    .icheck-primary > input:first-child:not(:checked):not(:disabled):hover + label::before,
    .icheck-primary > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
        border-color: #2e6da4;
    }

    .icheck-primary > input:first-child:checked + label::before,
    .icheck-primary > input:first-child:checked + input[type="hidden"] + label::before {
        background-color: #337ab7;
        border-color: #2e6da4;
    }

    .icheck-success > input:first-child:not(:checked):not(:disabled):hover + label::before,
    .icheck-success > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
        border-color: #4cae4c;
    }

    .icheck-success > input:first-child:checked + label::before,
    .icheck-success > input:first-child:checked + input[type="hidden"] + label::before {
        background-color: #5cb85c;
        border-color: #4cae4c;
    }

    .icheck-info > input:first-child:not(:checked):not(:disabled):hover + label::before,
    .icheck-info > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
        border-color: #46b8da;
    }

    .icheck-info > input:first-child:checked + label::before,
    .icheck-info > input:first-child:checked + input[type="hidden"] + label::before {
        background-color: #5bc0de;
        border-color: #46b8da;
    }

    .icheck-warning > input:first-child:not(:checked):not(:disabled):hover + label::before,
    .icheck-warning > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
        border-color: #eea236;
    }

    .icheck-warning > input:first-child:checked + label::before,
    .icheck-warning > input:first-child:checked + input[type="hidden"] + label::before {
        background-color: #f0ad4e;
        border-color: #eea236;
    }

    .icheck-danger > input:first-child:not(:checked):not(:disabled):hover + label::before,
    .icheck-danger > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
        border-color: #d43f3a;
    }

    .icheck-danger > input:first-child:checked + label::before,
    .icheck-danger > input:first-child:checked + input[type="hidden"] + label::before {
        background-color: #d9534f;
        border-color: #d43f3a;
    }

    .icheck-turquoise > input:first-child:not(:checked):not(:disabled):hover + label::before,
    .icheck-turquoise > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
        border-color: #1abc9c;
    }

    .icheck-turquoise > input:first-child:checked + label::before,
    .icheck-turquoise > input:first-child:checked + input[type="hidden"] + label::before {
        background-color: #1abc9c;
        border-color: #1abc9c;
    }

    .icheck-emerland > input:first-child:not(:checked):not(:disabled):hover + label::before,
    .icheck-emerland > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
        border-color: #2ecc71;
    }

    .icheck-emerland > input:first-child:checked + label::before,
    .icheck-emerland > input:first-child:checked + input[type="hidden"] + label::before {
        background-color: #2ecc71;
        border-color: #2ecc71;
    }

    .icheck-peterriver > input:first-child:not(:checked):not(:disabled):hover + label::before,
    .icheck-peterriver > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
        border-color: #3498db;
    }

    .icheck-peterriver > input:first-child:checked + label::before,
    .icheck-peterriver > input:first-child:checked + input[type="hidden"] + label::before {
        background-color: #3498db;
        border-color: #3498db;
    }

    .icheck-amethyst > input:first-child:not(:checked):not(:disabled):hover + label::before,
    .icheck-amethyst > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
        border-color: #9b59b6;
    }

    .icheck-amethyst > input:first-child:checked + label::before,
    .icheck-amethyst > input:first-child:checked + input[type="hidden"] + label::before {
        background-color: #9b59b6;
        border-color: #9b59b6;
    }

    .icheck-wetasphalt > input:first-child:not(:checked):not(:disabled):hover + label::before,
    .icheck-wetasphalt > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
        border-color: #34495e;
    }

    .icheck-wetasphalt > input:first-child:checked + label::before,
    .icheck-wetasphalt > input:first-child:checked + input[type="hidden"] + label::before {
        background-color: #34495e;
        border-color: #34495e;
    }

    .icheck-greensea > input:first-child:not(:checked):not(:disabled):hover + label::before,
    .icheck-greensea > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
        border-color: #16a085;
    }

    .icheck-greensea > input:first-child:checked + label::before,
    .icheck-greensea > input:first-child:checked + input[type="hidden"] + label::before {
        background-color: #16a085;
        border-color: #16a085;
    }

    .icheck-nephritis > input:first-child:not(:checked):not(:disabled):hover + label::before,
    .icheck-nephritis > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
        border-color: #27ae60;
    }

    .icheck-nephritis > input:first-child:checked + label::before,
    .icheck-nephritis > input:first-child:checked + input[type="hidden"] + label::before {
        background-color: #27ae60;
        border-color: #27ae60;
    }

    .icheck-belizehole > input:first-child:not(:checked):not(:disabled):hover + label::before,
    .icheck-belizehole > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
        border-color: #2980b9;
    }

    .icheck-belizehole > input:first-child:checked + label::before,
    .icheck-belizehole > input:first-child:checked + input[type="hidden"] + label::before {
        background-color: #2980b9;
        border-color: #2980b9;
    }

    .icheck-wisteria > input:first-child:not(:checked):not(:disabled):hover + label::before,
    .icheck-wisteria > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
        border-color: #8e44ad;
    }

    .icheck-wisteria > input:first-child:checked + label::before,
    .icheck-wisteria > input:first-child:checked + input[type="hidden"] + label::before {
        background-color: #8e44ad;
        border-color: #8e44ad;
    }

    .icheck-midnightblue > input:first-child:not(:checked):not(:disabled):hover + label::before,
    .icheck-midnightblue > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
        border-color: #2c3e50;
    }

    .icheck-midnightblue > input:first-child:checked + label::before,
    .icheck-midnightblue > input:first-child:checked + input[type="hidden"] + label::before {
        background-color: #2c3e50;
        border-color: #2c3e50;
    }

    .icheck-sunflower > input:first-child:not(:checked):not(:disabled):hover + label::before,
    .icheck-sunflower > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
        border-color: #f1c40f;
    }

    .icheck-sunflower > input:first-child:checked + label::before,
    .icheck-sunflower > input:first-child:checked + input[type="hidden"] + label::before {
        background-color: #f1c40f;
        border-color: #f1c40f;
    }

    .icheck-carrot > input:first-child:not(:checked):not(:disabled):hover + label::before,
    .icheck-carrot > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
        border-color: #e67e22;
    }

    .icheck-carrot > input:first-child:checked + label::before,
    .icheck-carrot > input:first-child:checked + input[type="hidden"] + label::before {
        background-color: #e67e22;
        border-color: #e67e22;
    }

    .icheck-alizarin > input:first-child:not(:checked):not(:disabled):hover + label::before,
    .icheck-alizarin > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
        border-color: #e74c3c;
    }

    .icheck-alizarin > input:first-child:checked + label::before,
    .icheck-alizarin > input:first-child:checked + input[type="hidden"] + label::before {
        background-color: #e74c3c;
        border-color: #e74c3c;
    }

    .icheck-clouds > input:first-child:not(:checked):not(:disabled):hover + label::before,
    .icheck-clouds > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
        border-color: #ecf0f1;
    }

    .icheck-clouds > input:first-child:checked + label::before,
    .icheck-clouds > input:first-child:checked + input[type="hidden"] + label::before {
        background-color: #ecf0f1;
        border-color: #ecf0f1;
    }

    .icheck-clouds > input:first-child:checked + label::after,
    .icheck-clouds > input:first-child:checked + input[type="hidden"] + label::after {
        border-bottom-color: #95a5a6;
        border-right-color: #95a5a6;
    }

    .icheck-concrete > input:first-child:not(:checked):not(:disabled):hover + label::before,
    .icheck-concrete > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
        border-color: #95a5a6;
    }

    .icheck-concrete > input:first-child:checked + label::before,
    .icheck-concrete > input:first-child:checked + input[type="hidden"] + label::before {
        background-color: #95a5a6;
        border-color: #95a5a6;
    }

    .icheck-orange > input:first-child:not(:checked):not(:disabled):hover + label::before,
    .icheck-orange > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
        border-color: #f39c12;
    }

    .icheck-orange > input:first-child:checked + label::before,
    .icheck-orange > input:first-child:checked + input[type="hidden"] + label::before {
        background-color: #f39c12;
        border-color: #f39c12;
    }

    .icheck-pumpkin > input:first-child:not(:checked):not(:disabled):hover + label::before,
    .icheck-pumpkin > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
        border-color: #d35400;
    }

    .icheck-pumpkin > input:first-child:checked + label::before,
    .icheck-pumpkin > input:first-child:checked + input[type="hidden"] + label::before {
        background-color: #d35400;
        border-color: #d35400;
    }

    .icheck-pomegranate > input:first-child:not(:checked):not(:disabled):hover + label::before,
    .icheck-pomegranate > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
        border-color: #c0392b;
    }

    .icheck-pomegranate > input:first-child:checked + label::before,
    .icheck-pomegranate > input:first-child:checked + input[type="hidden"] + label::before {
        background-color: #c0392b;
        border-color: #c0392b;
    }

    .icheck-silver > input:first-child:not(:checked):not(:disabled):hover + label::before,
    .icheck-silver > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
        border-color: #bdc3c7;
    }

    .icheck-silver > input:first-child:checked + label::before,
    .icheck-silver > input:first-child:checked + input[type="hidden"] + label::before {
        background-color: #bdc3c7;
        border-color: #bdc3c7;
    }

    .icheck-asbestos > input:first-child:not(:checked):not(:disabled):hover + label::before,
    .icheck-asbestos > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
        border-color: #7f8c8d;
    }

    .icheck-asbestos > input:first-child:checked + label::before,
    .icheck-asbestos > input:first-child:checked + input[type="hidden"] + label::before {
        background-color: #7f8c8d;
        border-color: #7f8c8d;
    }

    /*漂亮的表格样式*/

    .mainbox{width:1200px;margin:0px auto 0 auto;}

    .mainbox h2 {
        margin: 0px auto;
        font-size: 36px;
        line-height: 2em;
        text-align: center;
        position: relative;
    }
    .responsive {
        margin:25px 0 0 0;
    }
    .mainbox table {
        border-collapse: collapse;
        border-top: 0!important;
        width: 100%;
    }
    .mainbox table th {
        color: #fff;
        height: 35px;
        min-width: 80px;
        max-width: 60px;
        white-space: nowrap;
        border: none;
        border-radius: 10px 10px 0px 0px;
    }
    .mainbox table th, .mainbox table td {
        text-align: center;
        font-size: 16px;
        line-height: 30px;
        background: #fff;
    }
    .mainbox .red {
        color: #e40202;
    }
    .mainbox tr:nth-child(2n+1) td{
        background:#f1f1f1;
    }
    .mainbox table td {
        border: 1px #e9edf1 solid;
        border-right: 1px #d1d1d1 solid;
    }
    .gou {
        display: inline-block;
        width: 22px;
        height: 22px;
        background: url(../images/gou.gif);
    }
</style>
<body class="hold-transition skin-yellow sidebar-mini">
<!--项目任务需要不需要-->
<div class="modal fade" id="modal-Task">
    <div class="modal-dialog" style="width:850px;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">任务列表</h4>
            </div>
            <div class="modal-body">
                <table class="table table-bordered">
                    <tbody id="taskForm">
                    <tr>
                        <th class="text-center" style="width: 50px;">序号</th>
                        <th class="text-center">任务名</th>
                        <th class="text-center" style="width: 120px;">是否需要</th>
                    </tr>
                    <tr>
                        <td class="text-center" style="width: 50px;">1</td>
                        <td class="text-center">工艺</td>
                        <td class="text-center" style="width: 120px;">
                            <div class="lcs_wrap">
                                <input type="checkbox" id="check-3" name="check-3" value="1" class="lcs_check" autocomplete="on">
                                <div class="lcs_switch  lcs_checkbox_switch lcs_on" name="check-3" onclick="changeNeed(this);">
                                    <div class="lcs_cursor"></div>
                                    <div class="lcs_label lcs_label_on">需要</div>
                                    <div class="lcs_label lcs_label_off">不要</div>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td class="text-center" style="width: 50px;">2</td>
                        <td class="text-center">调试</td>
                        <td class="text-center" style="width: 120px;">
                            <div class="lcs_wrap">
                                <input type="checkbox" id="check-7" name="check-7" value="7" class="lcs_check" autocomplete="on">
                                <div class="lcs_switch  lcs_checkbox_switch lcs_on" name="check-7" onclick="changeNeed(this);">
                                    <div class="lcs_cursor"></div>
                                    <div class="lcs_label lcs_label_on">需要</div>
                                    <div class="lcs_label lcs_label_off">不要</div>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td class="text-center" style="width: 50px;">3</td>
                        <td class="text-center">安装发货</td>
                        <td class="text-center" style="width: 120px;">
                            <div class="lcs_wrap">
                                <input type="checkbox" id="check-8" name="check-8" value="8" class="lcs_check" autocomplete="on">
                                <div class="lcs_switch  lcs_checkbox_switch lcs_on" name="check-8" onclick="changeNeed(this);">
                                    <div class="lcs_cursor"></div>
                                    <div class="lcs_label lcs_label_on">需要</div>
                                    <div class="lcs_label lcs_label_off">不要</div>
                                </div>
                            </div>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-info" data-dismiss="modal" onclick="saveTaskStatus()">确定</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>
<section class="content">
    <div class="row">
        <div class="col-xs-12">
            <div class="box" style="border: none;box-shadow: none;">
                <div class="box-body">
                    <ul id="buttonGroups" class="pull-right" style="list-style: none;margin-right:50px;margin-bottom: 0px;">
                        <li><a th:href="@{'/task/productionSchedule/'+${prodOrd.prodNo}}" target="_blank"  class="btn btn-info">生产转序查看</a></li>
                        <li><button id="btn_taskIsNeed" th:data-proCode="${prodOrd.prodProCod}" th:if="${mode} eq 1" shiro:hasPermission="pro:taskIsNeed:edit" class="btn btn-warning">任务是否需要</button></li>
                        <li><a th:if="${mode} eq 1" shiro:hasPermission="pro:otherRet:edit" th:href="@{'/task/gotoCommonPlanListPage/'+${prodOrd.prodNo}}" target="_blank" class="btn btn-warning">其他类计划反馈</a></li>
                        <li><a th:if="${mode} eq 1" shiro:hasPermission="pro:facPlan:edit" th:href="@{'/task/gotoFactoryPlanListPage/'+${prodOrd.prodNo}}" target="_blank" class="btn btn-info" style="margin-bottom:5px;">厂级计划编辑与反馈</a></li>
                    </ul>
                    <div class="col-md-10 col-md-offset-1" style="padding-top: 25px;">
                        <form id="dataForm">
                            <table width="100%" border="1" cellpadding="0" cellspacing="0">
                                <tr>
                                    <td colspan="7"
                                        style="border-left: none;border-right: none;font-size: 20px;height: 35px">
                                        <B th:text="${tableTitle}"></B>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="width: 100px;">项目编号</td>
                                    <td style="width:200px;" th:text="${prodOrd.prodNo}"></td>
                                    <td style="width:200px;">项目名称</td>
                                    <td  colspan="2" th:text="${prodOrd.prodName}"></td>
                                    <td style="width:200px;">数量</td>
                                    <td style="width:400px;" th:text="${prodOrd.prodNum}" ></td>
                                </tr>
                                <tr>
                                    <td>安装地点</td>
                                    <td th:text="${prodOrd.insSite}"></td>
                                    <td>需方</td>
                                    <td th:text="${prodOrd.customer}" colspan="2"></td>
                                    <td>交货时间</td>
                                    <td th:text="${#dates.format(prodOrd.prodDelDat, 'yyyy-MM-dd')}" colspan="2"></td>
                                </tr>
                                <tr>
                                    <td colspan="7"
                                        style="border-left: none;border-right: none;font-size: 20px;height: 35px">
                                        <B>项目排产</B>
                                    </td>
                                </tr>
                                <tr>
                                    <td>序号</td>
                                    <td>任务名称</td>
                                    <td>计划开始时间</td>
                                    <td style="width:250px;">计划完成时间</td>
                                    <td style="width:250px;">所属部门</td>
                                    <td style="width:250px;">反馈状态</td>
                                    <td style="width:400px;">备注</td>
                                </tr>
                                <tr th:if="${prodPlaDetList.size() > 0 }" th:id="${item.prpdCod}" th:each="item:${prodPlaDetList}">
                                    <td th:text="${itemStat.count}"></td>
                                    <td>
                                        <input name="prpdNam" type="text" autocomplete="off"
                                               th:value="${item.prpdNam}" readonly="readonly"/>
                                    </td>
                                    <td>
                                        <input name="prpdPlaStaDat" type="text"
                                               readonly="readonly" th:value="${#dates.format(item.prpdPlaStaDat, 'yyyy-MM-dd')}"/>
                                    </td>
                                    <td>
                                        <input name="prpdPlaEndDat" type="text"
                                               readonly="readonly" th:value="${#dates.format(item.prpdPlaEndDat, 'yyyy-MM-dd')}"/>
                                    </td>
                                    <td>
                                        <input name="prpdDep" type="text"
                                               th:each="dept : ${#strings.listSplit(item.prpdDepId,',')}"
                                               th:value="${dept}" readonly="readonly"/>
                                    </td>
                                    <td>
                                        <input name="prpdId" type="hidden" style="display: none;text-align: center;" th:value="${item.prpdId}"/>
                                        <select th:if="${item.prpdRetSta}==1" style="text-align: center;outline: none;background: #D2D6DE!important;color:#333333!important;width:100%;height:40px;border: none;" name="prpdRetSta" disabled>
                                            <option selected="selected" value="1" style="text-align: center;background: #D2D6DE!important;color:#333333!important;">未开始</option>
                                            <option value="2" style="text-align: center;background: #F39C12!important;color:#FFFFFF!important;">执行中</option>
                                            <option value="3" style="text-align: center;background: #00A65A!important;color:#FFFFFF!important;">已完成</option>
                                        </select>
                                        <select th:if="${item.prpdRetSta}==2" style="text-align: center;outline: none;background: #F39C12!important;color:#FFFFFF!important;width:100%;height:40px;border: none;" name="prpdRetSta" disabled>
                                            <option value="1" style="text-align: center;background: #D2D6DE!important;color:#333333!important;">未开始</option>
                                            <option selected="selected" value="2" style="text-align: center;background: #F39C12!important;color:#FFFFFF!important;">执行中</option>
                                            <option value="3" style="text-align: center;background: #00A65A!important;color:#FFFFFF!important;">已完成</option>
                                        </select>
                                        <select th:if="${item.prpdRetSta}==3" style="text-align: center;outline: none;background: #00A65A!important;color:#FFFFFF!important;width:100%;height:40px;border: none;" name="prpdRetSta" disabled>
                                            <option value="1" style="text-align: center;background: #D2D6DE!important;color:#333333!important;">未开始</option>
                                            <option value="2" style="text-align: center;background: #F39C12!important;color:#FFFFFF!important;">执行中</option>
                                            <option selected="selected" value="3" style="text-align: center;background: #00A65A!important;color:#FFFFFF!important;">已完成</option>
                                        </select>
                                    </td>
                                    <td>
                                        <textarea readonly="readonly"  name="prpdRem" th:text="${#strings.defaultString(item.prpdRem,'')}" maxlength="255"></textarea>
                                    </td>
                                </tr>
                            </table>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<div th:include="include :: footer"></div>
<script th:inline="javascript">
    $(function (){
        /** 打开任务是否需要模态框 */
       $("#btn_taskIsNeed").on('click',function (){
           selTask();
           js.modal.open('modal-Task');
       });
    });

    /**
     * 需不需要的单选按钮样式
     * @param dom
     */
    function changeNeed(dom){
        if($(dom).hasClass('lcs_on')){
            $(dom).addClass('lcs_off');
            $(dom).removeClass('lcs_on');
            $(dom).prev().val(0);
        }else{
            $(dom).addClass('lcs_on');
            $(dom).removeClass('lcs_off');
            $(dom).prev().val(1);
        }
    }
    /**
     * 保存
     */
    function saveTaskStatus(){
        $.ajax({
            type: 'POST',
            url: ctx + "task/saveTaskStatus",
            data: {'proCode': $("#btn_taskIsNeed").attr('data-proCode'),
                "craftIsNeed":$("#check-3").val(),
                "deliverGoodsInstallIsNeed":$("#check-8").val(),
                "debuggingIsNeed":$("#check-7").val()
            },
            success: function (result) {
                js.modal.success("操作成功");
                window.opener.reLoad();
            }
        });
    }

    /** 任务是否需要数据回显 */
    function selTask(){
        $.ajax({
            type: 'POST',
            url: ctx + "task/selectProjectTask",
            data: {'proCode': $("#btn_taskIsNeed").attr('data-proCode')},
            success: function (result) {
                $("#check-4").val(result.data.craftIsNeed);
                $("#check-7").val(result.data.debuggingIsNeed);
                if(result.data.craftIsNeed==0){
                    $("#modal-Task div[name^='check-3']").removeClass('lcs_on');
                    $("#modal-Task div[name^='check-3']").addClass('lcs_off');
                }else{
                    $("#modal-Task div[name^='check-3']").addClass('lcs_on');
                    $("#modal-Task div[name^='check-3']").removeClass('lcs_off');
                }
                if(result.data.debuggingIsNeed==0){
                    $("#modal-Task div[name^='check-7']").removeClass('lcs_on');
                    $("#modal-Task div[name^='check-7']").addClass('lcs_off');
                }else{
                    $("#modal-Task div[name^='check-7']").addClass('lcs_on');
                    $("#modal-Task div[name^='check-7']").removeClass('lcs_off');
                }
                if(result.data.deliverGoodsInstallIsNeed==0){
                    $("#modal-Task div[name^='check-8']").removeClass('lcs_on');
                    $("#modal-Task div[name^='check-8']").addClass('lcs_off');
                }else{
                    $("#modal-Task div[name^='check-8']").addClass('lcs_on');
                    $("#modal-Task div[name^='check-8']").removeClass('lcs_off');
                }
            }
        });
    }
</script>
</body>
</html>